<template>
	<view>
	    <navigator url="/pages/wx/xh">
			<view class="flex clickBtn">
				<view class="clickBtn-image" style="display: flex;flex-direction: row;">
					<image src="../../static/小黄.jpg"></image>
				</view>
					<image src="../../static/index/num1.png" style="position: absolute;margin-left: 670upx;width: 50upx;height: 50upx;"></image>
				<view class="clickBtn-span" style="display: flex;flex-direction: column;">
					<span>小黄</span>
					<span style="font-size: 20upx;color: #2C405A;margin-left: 20upx;">在干嘛？？？</span>
				</view>
			</view>
		</navigator>
		<navigator url="/pages/wx/die">
			<view class="flex clickBtn">
				<view class="clickBtn-image">
					<image src="../../static/baba.jpg"></image>
				</view>
				<image src="../../static/index/num1.png" style="position: absolute;margin-left: 670upx;width: 50upx;height: 50upx;"></image>
				<view class="clickBtn-span" style="display: flex;flex-direction: column;">
					<span>爹</span>
					<span style="font-size: 20upx;color: #dc4900;margin-left: 20upx;">【转账】你收到一笔转账</span>
				</view>
			</view>
		</navigator>
		<navigator url="/pages/index/index">
			<view class="flex clickBtn">
				<view class="clickBtn-image">
					<image src="../../static/falao.jpg"></image>
				</view>
				<view class="clickBtn-span" style="display: flex;flex-direction: column;">
					<span>法老</span>
					<span style="font-size: 20upx;color:#2C405A;margin-left: 20upx;">快来听我演唱会...</span>
				</view>
			</view>
		</navigator>
		<navigator url="/pages/index/index">
			<view class="flex clickBtn">
				<view class="clickBtn-image">
					<image src="../../static/mama.jpg"></image>
				</view>
				<view class="clickBtn-span" style="display: flex;flex-direction: column;">
					<span >妈妈</span>
					<span style="font-size: 20upx;color: #2C405A;margin-left: 20upx;">吃饭了没呀？</span>
				</view>
			</view>
		</navigator>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped>
	.flex {
	    display: flex;
	    align-items: center;
	}
	.clickBtn {
		margin-top: 15rpx;
		height: 120rpx;
		border-radius: 5rpx;
	}
	.clickBtn .clickBtn-image image {
		border: 4rpx solid #f0f0f0;
		width: 90rpx;
		height: 90rpx;
		margin: 50rpx 20rpx;
		border-radius: 5rpx;
	}
	.clickBtn .clickBtn-span {
		color: #555500;
		font-size:35rpx;
		font-weight: 800;
		width: 80%;
		height: 100rpx;
		margin-bottom: 15upx;
		margin-left: 10upx;
		background-color: #ffffff;
		border-bottom: 4rpx solid #f0f0f0;
	}
</style>
